<template>
  <div id="app">
    <div class="content">
      <router-view></router-view>
    </div>
   <div class="nav">
    <van-tabbar v-model="active">
  <van-tabbar-item icon="home-o" to='/Navi'>首页</van-tabbar-item>
  <van-tabbar-item icon="browsing-history-o" to='/findhome'>找房</van-tabbar-item>
  <van-tabbar-item icon="coupon-o" to='/message'>咨询</van-tabbar-item>
  <van-tabbar-item icon="friends-o" to='/Mymessage'>我的</van-tabbar-item>
</van-tabbar>
   </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      active: 0
    }
  },

  components: {},

  methods: {}
}
</script>

<style scoped>
.van-tabbar-item--active{
  color: #21b97a;
}
</style>
